<!--<ion-header>-->
  <!--<ion-navbar>-->
    <!--<ion-title>首页</ion-title>-->
  <!--</ion-navbar>-->
<!--</ion-header>-->

<ion-content>
  <div id="container">
    <div class="search bar">
      <form>
        <input  [(ngModel)]="userInfo.keyword"  placeholder="请输入职位或公司名称" name="cname" type="text">
        <button type="submit"  (click)="checkInfo();"></button>
      </form>
    </div>
  </div>
<div class="ttp">
  <div class="top">
      <div class="content has-header">
        <div class="row">
          <div class="col-25 c1">
            <div class="col-demo fulltime1" (click)="toContactPage();">
              <img class="tp" src="../../assets/imgs/shoye/1.png"/>
              <div class="xhiwei" >全职招聘</div>
            </div>
          </div>
          <div class="col-25 c2">
            <div class="col-demo fulltime2" (click)="ContactPage();">
              <img class="tp"src="../../assets/imgs/shoye/2.png"/>
                <div class="xhiwei">兼&ensp;&ensp;&ensp;&ensp;职</div>
            </div>
          </div>
          <div class="col-25 c3">
            <div class="col-demo fulltime3" (click)="MqzpPage();">
              <img class="tp"src="../../assets/imgs/shoye/3.png"/>
              <div class="xhiwei">名企招聘</div>
            </div>
          </div>

          <div class="col-25 c4">
            <div class="col-demo fulltime4" (click)="codPage();">
              <img class="tp"src="../../assets/imgs/shoye/5.png"/>
              <div class="xhiwei">租&ensp;&ensp;&ensp;&ensp;房</div>
            </div>
          </div>

        </div>
      </div>
    <div class="content has-header">
      <div class="row">
        <div class="col-25 c4">
          <div class="col-demo fulltimes1" (click)="codPage();">
            <img class="tp"src="../../assets/imgs/shoye/7.png"/>
            <div class="xhiwei">二手物品</div>
          </div>
        </div>
        <div class="col-25 c5" (click)="codPage();">
          <div class="col-demo fulltimes2">
            <img class="tp"src="../../assets/imgs/shoye/sy5.png"/>
            <div class="xhiwei">房屋买卖</div>
          </div>
        </div>
        <div class="col-25 c6">
          <div class="col-demo fulltimes3" (click)="codPage();">
            <img class="tp" src="../../assets/imgs/shoye/sy6.png"/>
            <div class="xhiwei">车辆买卖</div>
          </div>
        </div>

        <div class="col-25 c6">
          <div class="col-demo fulltimes4" (click)="toServicePage();">
            <img class="tp" src="../../assets/imgs/shoye/6.png"/>
            <div class="xhiwei">便民服务</div>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>
  <!--中间图片-->
  <!--<div class="zhongjiantupian">-->
  <!--<img src="{{tpJson}}"/>-->
<!--</div>-->
  <!--公告-->
  <div class="ggtop">
  <div class="gongao">
    <div><span class="ggo">同城</span>
    <!--<label>{{psJson?.content}}</label>-->
    </div>
    <div><span class="ggo">头条</span></div>
  </div>
  <div class="gongao1">
      <span>{{psJson?.content}}</span>
  </div>
  </div>


<!--推荐职位-->
  <div id="di">
  <div class="tjzw">
      <div class="tjzw1"><span>推荐职位</span></div>
  </div>
  <!--内容块-->
    <ion-list style="    margin-top: 2%;">
      <ion-card  id="demo" class="cards" *ngFor="let data of catJson" (click)="woPage(data.jobinten,data.companyname)" >
        <div><span class="to1" >{{data.jobinten}}</span></div>
        <div><span class="to4">{{data.jobfield}}</span></div>
        <div><span class="to5" >{{data.companyname}}</span>&nbsp;|&nbsp;<span class="to6">{{data.pay}}元/月</span></div>
        <!--<div><span class="to3">{{data.pay}}元/月</span>|<span class="to2">{{data.title}}</span></div>-->
        <!--<div><span class="to3">{{data.pay}}元/月</span></div>-->
      </ion-card>
    </ion-list>
    <button ion-button small class="z2" [color]="color" [disabled]="pageNum==ceil" (click)="btnClick(pageNum+1)">加载更多>> </button>
  </div>



  <!--热门职位-->
  <div class="remenzhiwei">
    <div class="content has-header tosp">
      <div >
        <div class="tjzwo">
          <div class="tjzw1o"><span>热门职位</span></div>
        </div>
      </div>

    </div>
    <div *ngFor="let data of adJson" (click)="strvaPage(data.jobinten);">
      <div class="dibu" >
        <ul class="kk">
          <li>{{data.jobinten}} </li>
        </ul>
      </div>
    </div>
  </div>
  <!--推荐职位-->
</ion-content>




